<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href="css/shop.css" type="text/css" rel="stylesheet"/>
    <link href="css/Sellerber.css" type="text/css" rel="stylesheet"/>
    <link href="css/bkg_ui.css" type="text/css" rel="stylesheet"/>
    <link href="font/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="plugins/bootstrapValidator/bootstrapValidator.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/lib/bootstrap/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/lib/bootstrap/bootstrap-theme.min.css"/>


    <link href="plugins/jquery-ui-1.11.4/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <link href="plugins/DataTables-1.10.15/media/css/dataTables.bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="plugins/DataTables-1.10.15/media/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css"/>
    <link href="plugins/DataTables-1.10.15/extensions/Select/css/select.dataTables.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="plugins/DataTables-1.10.15/extensions/Buttons/css/buttons.dataTables.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="plugins/editor/1.6.1/css/editor.dataTables.min.css" rel="stylesheet" type="text/css"/>
    <link rel='stylesheet' type='text/css' href="plugins/datepicker/bootstrap-datetimepicker.min.css">
    <link rel='stylesheet' type='text/css' href="plugins/bootstrap-fileinput/css/fileinput.min.css">


    <script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="css/lib/bootstrap/bootstrap.min.js"></script>
    <script type="text/javascript" src="plugins/bootstrapValidator/bootstrapValidator.min.js"></script>
    <script type="text/javascript" src="plugins/datepicker/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="plugins/datepicker/bootstrap-datetimepicker.zh-CN.js"></script>
    <script type="text/javascript" src="plugins/jquery-ui-1.11.4/jquery-ui.min.js"></script>
    <script type="text/javascript" src="plugins/DataTables-1.10.15/media/js/jquery.dataTables.min.js"></script>
    <script type="text/javascript" src="plugins/DataTables-1.10.15/media/js/dataTables.bootstrap.min.js"></script>

    <script type="text/javascript"
            src="plugins/DataTables-1.10.15/extensions/Select/js/dataTables.select.min.js"></script>
    <script type="text/javascript"
            src="plugins/DataTables-1.10.15/extensions/Buttons/js/dataTables.buttons.min.js"></script>
    <script type="text/javascript" src="plugins/editor/1.6.1/js/dataTables.editor.min.js"></script>
    <script type="text/javascript" src="plugins/bootstrap-fileinput/js/fileinput.min.js"></script>

    <script type="text/javascript" src="plugins/bootstrap-fileinput/js/locales/zh.js"></script>
    <script type="text/javascript" src="js/jquery.cookie.js"></script>
    <script src="js/Sellerber.js" type="text/javascript"></script>
    <script src="js/shopFrame.js" type="text/javascript"></script>
    <script src="js/dist/echarts.js" type="text/javascript"></script>
    <script src="js/jquery.nicescroll.js" type="text/javascript"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.js" type="text/javascript"></script>
    <script src="js/respond.min.js"></script>
    <script src="js/css3-mediaqueries.js" type="text/javascript"></script>
    <![endif]-->
    <style>
        input {
            width: 100%;
            border: none;
        }

        .table {
            font-size: 18px;
            line-height: 40px;
        }
    </style>
</head>

<body id="iframe_box">


<div class="container">
    <!-- class都是bootstrap定义好的样式，验证是根据input中的name值 -->
    <form id="dataForm" method="post" class="form-horizontal">
        <!-- 下面这个div必须要有，插件根据这个进行添加提示 -->
        <div class="panel panel-primary" style="width: 790px;height: 1479px;">
            <img id="yinzhang" style="position:absolute;z-index:4;top: 70px;margin-left:600px" src="" alt=""/>

            <div class="panel-body col-xs-12">
                <h2 class='text-center'>社区居委会办公经费申请表</h2>
                <p>办公经费第（<input type="" name="submitNumber" style="width: 30px;text-align:center"/>）次申请</p>
                <table class="table table-bordered col-xs-6">
                    <tbody>

                    <tr>
                        <td class="col-xs-4">社区名称</td>
                        <td class="col-xs-8">
                            <input type="" name="communityName" id="communityName">
                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4">申请时间</td>
                        <td>
                            <input type="" name="registerTime" id="registerTime">
                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4" >购置类型</td>
                        <td>
                            <input type="" name="workexpType">
                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4" style="height: 180px;line-height: 180px">明细及金额</td>
                        <td>
                            <table class="table table-bordered">
                                <tbody>
                                <tr>
                                    <td>序号</td>
                                    <td>名称</td>
                                    <td>单价</td>
                                    <td>数量</td>
                                    <td>金额</td>
                                </tr>
                                <tr>
                                    <td><input style="text-align: center" type="" name="no"></td>
                                    <td><input style="text-align: center" type="" name="suppliesName"></td>
                                    <td><input style="text-align: center" type="" name="unitCost"></td>
                                    <td><input style="text-align: center" type="" name="count"></td>
                                    <td><input style="text-align: center" type="" name="cost"></td>
                                </tr>
                                <tr>
                                    <td><input style="text-align: center" type="" name="no"></td>
                                    <td><input style="text-align: center" type="" name="suppliesName"></td>
                                    <td><input style="text-align: center" type="" name="unitCost"></td>
                                    <td><input style="text-align: center" type="" name="count"></td>
                                    <td><input style="text-align: center" type="" name="cost"></td>
                                </tr>
                                <tr>
                                    <td><input style="text-align: center" type="" name="no"></td>
                                    <td><input style="text-align: center" type="" name="suppliesName"></td>
                                    <td><input style="text-align: center" type="" name="unitCost"></td>
                                    <td><input style="text-align: center" type="" name="count"></td>
                                    <td><input style="text-align: center" type="" name="cost"></td>
                                </tr>
                                <tr>
                                    <td><input style="text-align: center" type="" name="no"></td>
                                    <td><input style="text-align: center" type="" name="suppliesName"></td>
                                    <td><input style="text-align: center" type="" name="unitCost"></td>
                                    <td><input style="text-align: center" type="" name="count"></td>
                                    <td><input style="text-align: center" type="" name="cost"></td>
                                </tr>
                                </tbody>
                            </table>
                            <p class="text-right">总计<input type="" name="sum" style="width: 150px;text-align: center">元</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4">预计消费方式</td>
                        <td>
                             <input type="" value="" name="paymentMode"/>

                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4" rowspan="2" style="height: 60px;line-height: 60px">居委会讨论结果</td>
                        <td>
                            经<span id="sctime">
                                年&nbsp&nbsp&nbsp月&nbsp&nbsp&nbsp日</span>居务会班子讨论通过
                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4">
                            居委会主任签字：<img style="width: 150px" src="" id="jwhzrImg">
                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4" rowspan="4" style="height: 180px;line-height: 180px">职能科室意见</td>
                        <td>
                            <p class="text-left col-xs-6" id="guanpianSug" class="authSpan">管片意见：</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4">
                            <button type="button" class="btn btn-info " id="guanpianAudit" style="display: none"  data-toggle="modal" data-target="#myModal">审核</button>

                            <p class="text-left col-xs-6" >管片签字：<img src="" id="guanpianImg" class="authSpan"/></p>
                            <p class="text-right col-xs-6 authSpan" id="guanpianDate">年&nbsp&nbsp&nbsp月&nbsp&nbsp&nbsp日</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4">
                            <p class="text-left col-xs-6" id="kezhangSug" class="authSpan">科长意见：</p></td>
                    </tr>
                    <tr>
                        <td class="col-xs-4">
                            <button type="button"  class="btn btn-info leadAudit" id="kezhangAudit" style="display: none" data-toggle="modal" data-target="#myModal">审核</button>

                            <p class="text-left col-xs-6">科长签字：<img src="" id="kezhangImg" class="authSpan"></p>
                            <p class="text-right col-xs-6 authSpan" id="kezhangDate" >年&nbsp&nbsp&nbsp月&nbsp&nbsp&nbsp日</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4" rowspan="2" style="height: 90px;line-height: 90px">主管领导意见</td>
                        <td>
                            <p class="text-left col-xs-6" id="zhuguanSug" class="authSpan">意见：</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4">
                            <button  type="button" class="btn btn-info leadAudit" id="zhuguanAudit" style="display: none" data-toggle="modal" data-target="#myModal">审核</button>

                            <p class="text-left col-xs-6" style="white-space: nowrap;">主管领导签字：<img style="width:120px;height:55px" src="blankImg/touming.png" alt=""  id="zhuguanImg" class="authSpan"/></p>
                            <p class="text-right col-xs-6 authSpan"  id="zhuguanDate">年&nbsp&nbsp&nbsp月&nbsp&nbsp&nbsp日</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4" rowspan="2" style="height: 90px;line-height: 90px">办事处主任审批</td>
                        <td>
                            <p class="text-left col-xs-6" id="zhurenSug" class="authSpan">意见：</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4">
                            <button type="button" class="btn btn-info leadAudit" id="zhurenAudit" style="display: none" data-toggle="modal" data-target="#myModal">审核</button>

                            <p class="text-left col-xs-6" style="white-space: nowrap;">办事处主任签字：<img  style="width:120px;height:55px" src="blankImg/touming.png" alt=""  id="zhurenImg" class="authSpan"/></p>
                            <p class="text-right col-xs-6 authSpan" id="zhurenDate">年&nbsp&nbsp&nbsp月&nbsp&nbsp&nbsp日</p>
                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4">备注</td>
                        <td>
                            <input type="" name="comment">
                        </td>
                    </tr>
                    <tr>
                        <td class="col-xs-4">
                            附件

                        </td>
                        <td colspan="3" class="text-left" id="attach">


                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <!--   <div class="form-group">
                   <div class="col-lg-9 col-lg-offset-3">
                       <button type="button" class="btn btn-primary" id="save">申请</button>
                   </div>
               </div>-->
        </div>
    </form>


</div>

<br>

<div id="audit" style="display: none">
    <h1>审核流程</h1>
    <div class="list_Exhibition margin-sx">
        <table class="table table_list table_striped table-bordered text-nowrap" cellspacing="0" width="100%"
               id="changeTable">
            <thead>
            <tr>

                <th>审核状态</th>
                <th>操作人</th>
                <th>操作时间</th>
                <th>建议或理由</th>
                <!--     <th>上次操作人</th>
                     <th>上次操作时间</th>-->
                <th>第几次提交</th>
            </tr>
            </thead>


            <tbody>

            </tbody>
        </table>
    </div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">×
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    审批办公经费
                </h4>
            </div>
            <div class="modal-body">
                <h4>是否同意：</h4>
                <form id="auditForm" method="post" class="form-horizontal">
                    <input type="hidden" name="changeId" id="changeId" value=""/>
                    <input type="hidden" name="alterFlag" id="alterFlag" value="0"/>

                    <div class="radio">
                        <label style="padding-left: 0px;margin-left: 20px;width:200px">
                            <input type="radio" name="currentState"  value="1" checked> 同意
                        </label>
                    </div>
                    <div class="radio">
                        <label style="padding-left: 0px;margin-left: 20px;width:200px">
                            <input type="radio" name="currentState"  value="2">不同意
                        </label>
                    </div>
                    <div class="radio">
                        <label style="padding-left: 0px;margin-left: 20px;width:200px">
                            <input type="radio" name="currentState"      value="3">建议
                        </label>
                    </div>
                    <div  style="display: none;padding-left: 20px;padding-right: 20px" id="suggestDiv">
                        <div class="form-group">
                            <label for="suggest" id="suggestLabel">建议：</label>
                            <textarea class="form-control" name="suggest" id="suggest" rows="3"></textarea>
                        </div>

                    </div>
                </form>


            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default"
                        data-dismiss="modal">关闭
                </button>
                <button type="button" class="btn btn-primary" id="saveAudit">
                    确定
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

</body>
</html>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/web/officeSuppliesDetail.js"></script>
